<template>
    <div class="common-layout">
        <el-container>
            <HeaderNav />
            <el-container>
                <el-aside width="200px">
                    <LeftfFolder />
                </el-aside>
                <el-main>Main</el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script lang="ts" setup>
import HeaderNav from '@/components/common/HeaderNav.vue';
import LeftfFolder from '@/views/folder/folderMenu.vue'
import { reactive } from 'vue'

</script>

<style lang="scss" scoped>
$header-height: 0.3rem;
$logo-width: 0.6rem;
$a-font-size: 0.08rem;

section {
    position: absolute;
    top: $header-height;

    aside {
        width: $logo-width*3;
        height: auto;
    }
}
</style>